<template>
  <div class="main_left column-flex">
    <!--  上  -->
    <div class="box module-top">
      <!-- 标题 -->
      <h1 class="left-title">事件排名</h1>
      <div class="module-content">
        <TableBar3 class="left-content" :tableData="tableData"></TableBar3>
      </div>
    </div>
    <!--  中  -->
    <div class="box module-middle">
      <h1 class="left-title">事件数量趋势</h1>
      <div class="module-content">
        <netsec-echarts></netsec-echarts>
      </div>
    </div>
    <!--  下  -->
    <div class="box module-bottom">
      <h1 class="left-title">资产TOP10</h1>
      <div class="module-content">
        <tersec-echarts></tersec-echarts>
      </div>
    </div>
  </div>
</template>

<script>
import imgList from "@/components/common/ImgList.vue";
import ImgMiddle from "@/components/common/ImgMiddle.vue";
import TableBar3 from "@/components/common/TableBar3";
import NetsecEcharts from '@/components/echarts/maintainSecrecy/NetsecEcharts.vue';
import TersecEcharts from '@/components/echarts/maintainSecrecy/TersecEcharts.vue';
export default {
  components: {imgList, ImgMiddle,TableBar3,NetsecEcharts,TersecEcharts},
  data() {
    return {
      // 事件TOP10
      tableData: {
        headers: [{name: "事件名称"}, {name: "名录资产占比"}, {name: "总数"}],
        data: [
          {
            name: '防火墙策略变化事件',
            percentage: 93,
            time: '2319'
          },
          {
            name: '主机网络访问次数异常',
            percentage: 89,
            time: '1187'
          },
          {
            name: '防火墙阻断异常IP访问',
            percentage: 81,
            time: '2301'
          }, {
            name: '堡垒机策略变化事件',
            percentage: 77,
            time: '3421'
          }, {
            name: '终端异常数据输出',
            percentage: 70,
            time: '2301'
          },{
            name: '异常开机事件',
            percentage: 69,
            time: '2319'
          },
          {
            name: '网络出现未登记设备接入',
            percentage: 66,
            time: '1187'
          },
          {
            name: '安全防护软件关键策略变化事件',
            percentage: 61,
            time: '2301'
          }, {
            name: '中间件',
            percentage: 59,
            time: '3421'
          }, {
            name: '设备',
            percentage: 55,
            time: '2301'
          }
        ]
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.module-content{
  height:90%;
  overflow:hidden;
}
.module-top{
  height:48.5% !important;
}
.module-middle{
  height:24% !important;
}
.module-bottom{
  height:24% !important;
}
</style>
